<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>IKEA SIGNUP</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">

<!-- 
    common.css
    signup.css
 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/sign_up.css">
</head>
<body>
<div id="biggest">
    <div class="blue">
        <div class="blue-logo">
            <img src="./images/login_logo.svg" alt="">
        </div>
        <div class="blue-main">
            <div class="blue-text">
                <p class="blue-text-yellow">Hej!</p>
                <p class="blue-text-white">为大众创造更美好的日常生活</p>
            </div>
        </div>
        <div class="blue-footer">
            <div class="blue-footer-box">
                <p>IKEA.cn - <a href="">Cookie Policy</a> and <a href="">Privacy Policy</a></p>
                <p>© Inter IKEA Systems B.V. 1999-2021</p>
            </div>
        </div>
    </div>
    <div class="white">
        <div class="white-content">
            <div class="white-inner">
                <h3>欢迎来到<span>&nbsp;宜家 </span>, 很高兴您来到这里</h3>
                <main class="white-main">
                    <form action="javascript:;">
                        <div class="name-box text-box">
                            <div class="name-code">
                                <p class="input-txt on-hide">姓名</p>
                                <input type="text" placeholder="姓名" id="name-input" class="input" data-value="姓名" name="name">
                                <p class="input-tips on-hide">文本</p>
                            </div>
                        </div>
                        <div class="tel-box text-box">
                            <div class="tel-code">
                                <p class="input-txt on-hide">手机号</p>
                                <input type="tel" placeholder="手机号" id="tel-input" class="input" data-value="手机号" name="tel">
                                <p class="input-tips on-hide">文本</p>
                            </div>
                        </div>
                        <div class="pwd-box text-box">
                            <div class="pwd-code">
                                <p class="input-txt on-hide">密码</p>
                                <input type="password" placeholder="密码" id="pwd-input" class="input" data-value="密码" name="password">
                                <p class="input-tips on-hide">文本</p>
                            </div>
                        </div>
                        <div class="pwd-box text-box">
                            <div class="pwd-code">
                                <p class="input-txt on-hide">确认密码</p>
                                <input type="password" placeholder="确认密码" id="repwd-input" class="input" data-value="密码">
                                <p class="input-tips on-hide">文本</p>
                            </div>
                        </div>
                        <!-- <div class="email-box text-box">
                            <div class="email-code">
                                <p class="input-txt on-hide">邮箱</p>
                                <input type="password" placeholder="邮箱" id="email-input" class="input">
                                <p class="input-tips on-hide">文本</p>
                            </div>
                        </div> -->
                        <div class="sign-up-button">注册</div>
                    </form>
                </main>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-3.4.1.js"></script>
<script src="./js/sign_up.js"></script>
</html>